// pages/RecitationPage/Learn/Learn.js
var app = getApp();
// import showTip from "../../utils/util.js"
Page({

    /**
     * 页面的初始数据
     */
    data: {
        word_id_account:45,
        wordsData:[],
        modelType:1,
        show: false,
        show1: false,
        showbutton:true,
        selectedWordIndex:"",
        isSelectedCorrect:false,

        // 刚开始进入的时候会有模式的选择
        actions: [
            {
              name: '顺序模式',
              modelType: 1
              
            },
            {
              name: '乱序模式',
              modelType: 2
            },
            
          ],
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        var that = this
        this.requestBackendData()
        // console.log("显示当前模式数据",this.data.modelType)

        that.setData({
            show1: true,
        })

    },
    onClose() {
        this.setData({ show1: false });
      },
    // 显示选择的值
      onSelect(event) {
        var that = this;
        console.log(event.detail);
        if(event.detail.modelType === 1){
           
            this.requestBackendData()
        }else{

            that.setData({
                modelType:2
            })
            this.requestBackendData()
        }
      },


    // 从后台进行数据的请求-然后根据前台数据进行返回
    requestBackendData:function(id=34){
        var that=this;
        wx.request({
          url: 'http://127.0.0.1:8000/Part1/recite/getwords',
          method: 'GET',
          data:{
            word_id:id, //这个就是相当于传入的数据，然后让他翻译给接口
            model:this.data.modelType 
          },
          header:{
            'Content-Type':'application/json'
          },
          success:function(res){
            if(res.data.code == 200){
                that.setData({
                    wordsData:res.data,
                    word_id_account:id
                  })
         }else{
         }
      },
          fail:function(err){
            console.log(err);
          }
        })
    },


    // 点击下一个词--然后重复之前的操作
    nextwords:function(){
        var that=this;
        var currentId = this.data.word_id_account;
         // 自增 1
        var nextId = currentId + 1;
         // 调用 requestBackendData 函数，并传递自增后的值作为参数
        this.requestBackendData(nextId);

        wx.request({
            url: 'http://127.0.0.1:8000/Part1/search/recite',
            method: 'GET',
            data:{
              id:currentId //这个就是相当于传入的数据，然后让他翻译给接口
            },
            header:{
              'Content-Type':'application/json'
            },
            success:function(res){
              if(res.data.code == 200){
                 
           }else{
           }
        },
            fail:function(err){
              console.log(err);
            }
          })
        that.setData({
            show: false,
            showbutton:true
           })
    },

//  如果记错了那么就再让你记一遍
    rememberwords:function(){
        var that=this;
        var nextId = currentId ;
        // 调用 requestBackendData 函数，并传递自增后的值作为参数
        this.requestBackendData(nextId);
        var currentId = this.data.word_id_account;
        wx.request({
            url: 'http://127.0.0.1:8000/Part1/search/wrong',
            method: 'GET',
            data:{
              id:currentId //这个就是相当于传入的数据，然后让他翻译给接口
            },
            header:{
              'Content-Type':'application/json'
            },
            success:function(res){
              if(res.data.code == 200){
                
             
           }else{
             
           }
        },
            fail:function(err){
              console.log(err);
            }
          })



    },

    wordCard:function(event){
      var that = this;
      var index = event.currentTarget.dataset.index;
      var AllData=this.data.wordsData
      var rightData=AllData.right[0].id
      var selectData=AllData.data[index].id


// 这个是来进行判断是否选择正确，正确的话直接去跳到下一个同时account会增加一个
// 错误的话这个还应该有个错误的提示，记录错误的次数

      if(rightData==selectData){
      
        showTip("回答正确自动今日下一词")
    //    这个是自动的跳到下一词
        that.nextwords()
       
// 既然选择了正确的单词，那么就让他北京为绿色且自动跳转到下一个单词中吧

        that.setData({
            selectedWordIndex:index,
            isSelectedCorrect:true,
        })
      }else{
        
        showTip("回答错误了")

        that.setData({
            selectedWordIndex:index,
            isSelectedCorrect:false
          })
      }
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },
    connect(){
        this.setData({
            show: true,
            showbutton:false
           })
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})
export const showTip = (title, dur = 2000) => {
  wx.showToast({
    title: title,
    icon: 'none',
    duration: dur
  });
};